// 基于axios封装的请求模块

import axios from 'axios'

import JSONbig from 'json-bigint'

// 创建一个axios实例
const request = axios.create({
  baseURL: 'http://api-toutiao-web.itheima.net', // 请求的接口路径

  // 定义后端返回的原始数据的处理
  // data就死后端返回的原始数据（未经处理的JSON格式字符串）
  transformResponse: [
    function(data) {
      // axios默认在内部使用JSON.parse 来转换处理原始数据

      // 后端返回的数据可能不是JSON 格式字符串
      // 如果不是的话，那么JSONbig.parse 调用就会报错
      // 所以我们使用try-catch 来捕获异常，处理异常的发生

      try {
        // 如果转换成功了，则直接把结果返回
        return JSONbig.parse(data)
      } catch (err) {
        // 如果转换失败了，则进入这里
        // 我们在这里把数据原封不动的直接返回给请求使用

        return data
      }
    }
  ]
})

// 请求拦截器
request.interceptors.request.use(
  // 任何所有请求会经过这里
  // config 是当前请求相关的配置信息对象
  // config 是可以修改的
  function(config) {
    const user = JSON.parse(window.localStorage.getItem('user'))

    // 如果有登录用户信息，则设置统一的token
    if (user) {
      config.headers.Authorization = `Bearer ${user.token}`
    }

    // 然后我们就可以在允许请求出去之前定制统一业务功能处理
    // 例如: 统一的设置token

    // return 后请求才会真正的发出去
    return config
  },
  // 请求失败，会经过这儿
  function(error) {
    return Promise.reject(error)
  }
)

// 响应拦截器
request.interceptors.response.use(
  function(response) {
    return response
  },
  function(error) {
    return Promise.reject(error)
  }
)

// 导出请求方法
export default request

// 谁要使用谁就加载 request 模块
// import request from 'request.js'
// request.xxx
// request({
//   method: ,
//   url: ''
// })
